
ul {
  display: inline;
}

#rules {
  text-align: center;
}

#rules .return{
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: .3rem;
  padding: 10px 20px;
  color: #207cc5;
}

h1 {
  color: #fff;
  display: inline-block;
  font-size: 0.4rem;
  margin: 0.36rem 0;
  padding-left: 0.6rem;
  text-align: center;
}

.rule_select,
.rule_text {
  text-align: left;
}

.rule_each {
  margin: 0 0.24rem;
}

.select_item {
  border-top: 1px solid #2f3b52;
  padding: 0.3rem 0;
}

.select_rules {
  position: relative;
  background-color: #162237;
  color: #60809d;
  display: none;
  padding: 0.16rem 0.3rem 0.4rem;
}

.poker_bg {
  background: url("../img/poker.png") left center no-repeat;
  background-size: 0.45rem 0.45rem;
}

.mahjong_bg {
  background: url("../img/mahjong.png") left center no-repeat;
  background-size: 0.45rem 0.45rem;
}

.ruleTitle {
  color: #7297b7;
  font-size: 0.28rem;
}

.rulename {
  border: 1px solid #217ec8;
  border-radius: 0.1rem;
  color: #2fc6f1;
  display: inline-block;
  font-size: 0.24rem;
  margin: 0.15rem 0.13rem;
  padding: 0.04rem;
}

.text_each {
  margin: 0 0.24rem;
}

.text_title {
  padding-right: 0.5rem;
  position: relative;
}

.text_content {
  background-color: transparent;
  padding: 0;
  margin-top: 0.24rem;
}

.text_rules {
  color: #60809d;
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin: 0 0.24rem;
}

.active {
  background-color: #1a94d9;
  color: #162237;
}

.specialRule .ruleTitle {
  background: url("../img/star.png") left center no-repeat;
  background-size: 0.28rem 0.28rem;
  color: #e8bb56;
  padding-left: 0.3rem;
}

.specialRule .rulename {
  border-color: #b59243;
  color: #e8bb56;
}

.specialRule .active {
  background-color: #b59243;
  color: #162237;
}

.triangle {
  position: absolute;
  top: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
  border: 0.2rem solid transparent;
  border-bottom-color: #162237;
}

.text_triangle {
  position: absolute;
  top: -0.05rem;
  right: 0;
  border: 0.15rem solid transparent;
  border-bottom-color: #87b9e5;
}

.text_active .text_triangle {
  position: absolute;
  top: 0.1rem;
  right: 0;
  border: 0.15rem solid transparent;
  border-top-color: #87b9e5;
}
